.unique-menu-popover {
  box-shadow: getCssVar('box-shadow');

  border-radius: 10px;

  .vft-menu--popup {
    border-radius: 10px;
    box-shadow: none;
  }

  .vft-menu {
    padding-bottom: 10px;

    .item {
      padding: 0 20px;
      margin-top: 5px;

      &:hover {
        color: $primary-color
      }
    }
  }
}

.unique-menu-popover-dir {
  width: 1218px;

  .vft-menu {
    box-sizing: border-box;
    height: 494px;
    flex: 1 1 0;
    overflow: auto;
    display: flex;
    padding: 24px 30px;
    margin-right: 6px;
    margin-bottom: 20px;
    box-shadow: none;

    .item {
      height: 18px;
      line-height: 18px;
      padding: 0;

      &:hover {
        background: inherit;
      }
    }

    .content-main {
      .content-col {
        min-width: 100px;
      }

      .content-col:not(:first-child) {
        margin-top: 40px;
      }

      .title {
        font-weight: bold;
        font-size: 14px;
        line-height: 14px;
      }

      .content {
        margin-top: 16px;
        display: grid;
        grid-auto-flow: column;
        gap: 12px 0;
        position: relative;
        grid-auto-columns: 150px;
      }
    }
  }
}
